@import "../common.scss";
body {
	background-color: #fff;
}

.content {
	padding: 0 ws(74/2);
	.header {
		font-size: ws(25);
		color: $main-color;
		display: flex;
		align-items: flex-end;
		margin-bottom: ws(40);
		.img {
			width: ws(45);
			margin-right: ws(6);
		}
		>span {
			line-height: ws(25);
		}
	}
	.data-warpper {
		background-color: #ffffff;
		padding: ws(30) ws(47/2) ws(82/2) ws(47/2);
		box-shadow: 0 ws(3/2) ws(15) 0 rgba(24, 127, 217, 0.2);
		border-radius: ws(10);
		.user {
			display: flex;
			align-items: center;
			@include border-line(rgba(#b3b3b3, .5), bottom);
			padding-bottom: ws(46/2);
			margin-bottom: ws(46/2);
			.item {
				margin-right: ws(52/2);
				display: flex;
				align-items: flex-end;
				font-size: ws(14);
				color: #7f7f7f;
				>img {
					width: ws(34/2);
					height: ws(34/2);
					margin-right: ws(6);
				}
				>span{
					line-height: ws(14);
				}
			}
		}
		.data-title {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			color: $main-color;
			margin-bottom: ws(15);
		}
		.data-list {
			display: flex;
			justify-content: space-between;
			color: #7f7f7f;
			margin-bottom: ws(10);
		}
		.aggregate {
			@include border-line(rgba(#b3b3b3, .5), top);
			padding-top: ws(46/2);
			margin-top: ws(20);
			font-weight: bold;
			display: flex;
			color: $main-color;
			justify-content: space-between;
		}
	}
	.payment {
		margin: auto;
		margin-top: ws(50);
		width: ws(300/2);
		height: ws(30);
		background-color: $main-color;
		box-shadow: 0 ws(3/2) ws(30/2) 0 rgba(24, 127, 217, 0.2);
		border-radius: ws(15);
		color: #fff;
		text-align: center;
		line-height: ws(30);
		
	}
}
